#app{
    padding: 1rem;
}
.box{
    padding: 1rem;
    margin-top: 2rem;
    border-radius: 1rem;
    box-shadow: 0 0 2.5px;
}
.jian{
    background-color: rgb(221, 169, 169);
    color: white;
}
.jia{
    background-color: rgb(233, 74, 74);
    color: white;
}
.remove{
    background-color: rgb(170, 70, 70);
    color: white;
}
.jian:hover,.jia:hover,.remove:hover
{
    border: solid 1px skyblue;

}
/* .qk:hover,.all:hover,.qc:hover,.fx:hover{
    border: solid 10px rgb(141, 211, 84);

} */
.jian:hover{
    background-color: green;
}
.table .jia:hover{
    background-color:darkturquoise;
}
.remove:hover,.btn:hover{
    background-color: grey;
}
.sp{
    color: white;
    background-color: blueviolet;
    padding: 10px;
    border-radius: 1rem;
}
.qk{
    background-color: tomato;
    color: white;
}
.qk:hover{
    border: dashed 1px blue;
    background-color: violet;
}
.all{
    color: white;
    background-color: thistle;
}
.all:hover{
    border: dashed 1px brown;
    background-color: yellow;
}
.qc{
    color: white;
    background-color:rgb(219, 184, 142);
}
.qc:hover{
    border: dashed 1px black;
    background-color: darkorange;
}
.fx{
    color: white;
    background-color: sandybrown;
}
.fx:hover{
    border: dashed 1px rgb(229, 231, 82);
    border-color: rgb(224, 199, 199);
}